<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>元六鸿远简介</title>
    <link rel="stylesheet" href="__PUBLIC__/weui/dist/style/weui.css"/>
    <link rel="stylesheet" href="__PUBLIC__/weui/dist/example/example.css"/>
    <script src="__PUBLIC__/weui/dist/example/zepto.min.js"></script>
    <style>
        .bt{
            border-bottom:2px solid green;
        }
        .p1{
            margin-bottom : 8px;
            color: #757575;
            font-size: 0.9em;
        }
        .h4{
            color: #202020;
            font-size: 1.2em;
            font-style: normal;
            word-break: break-all;
        }
        .hotSearch {
            position: fixed;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 30px;
            background-color: rgba(255,255,255,0.85);
            color: #898989;
            padding: 12px 15px;
            border-top: 1px solid #e9e9e9;
            font-size: 1.1em;
            z-index: 999;
            text-align: center;
        }
        #hotSearch {
            width: 100%;
            display: block;
            text-align: left;
            overflow-x: scroll;
            white-space: nowrap;
            /* text-overflow: ellipsis; */
            /* -o-text-overflow: ellipsis; */
        }
        .hotSearch a {
            color: #4192e3;
            padding: 0 5px;
        }
        .bd-left{
            float : left;
        }
        .bd-right{
            float : right;
        }
        .bd{
            border : 1px solid #1AAD19;
            background : white;
            color : #1AAD19;
        }

    </style>
</head>
<body>
<div class="page__bd">
    <article class="weui-article">
        <section>
            <h2 class="title"><b>北京元六鸿远电子技术有限公司</b></h2>
            <div >
                <img src="__PUBLIC__/images/yuanliu.gif" alt=""width="100%" height="80px">
            </div>
            <section>
                <h3 class="bt"><b>公司简介 : </b></h3>
                <p style="text-indent:2em">
                    北京元六鸿远电子技术有限公司是国家级高新技术企业，以研发、生产、经营多层瓷介电容器为主。公司总部位于中关村科技园区丰台园，生产基地建于天津津南双港经济开发区。
                    公司的前身具有30多年生产多层瓷介电容器的历史，在国内起步早，专业性强。公司曾多次参与并圆满完成国家重点工程的配套任务，获得了国家信息产业部、航天科技集团公司等单位的表彰和肯定。公司总经理等五人曾获信息产业部颁发的“个人三等功”和“先进个人”光荣称号。
                </p>
                <p>
                    <img src="__PUBLIC__/images/yuanliu1.jpg" alt=""><br>
                    <img src="__PUBLIC__/images/yuanliu2.jpg" alt=""><br>
                    <img src="__PUBLIC__/images/yuanliu3.jpg" alt="">
                </p>
            </section>
            <section>
                <h3 class="bt"><b>公司产品 : </b></h3>
                <div class="page__bd" style="margin-bottom:50px">
                    <?php foreach($info as $k=>$v): ?>
                    <div class="weui-panel weui-panel_access">
                        <div class="weui-panel__bd">
                            <div class="weui-media-box weui-media-box_text">
                                <a href="{:U('detail',array('goods_id'=>$v[goods_id]))}" class="weui-media-box__title h4"><?php echo $v['xh']; ?></a>
                                <p class="weui-media-box__desc p1"><?php echo $v['ghs']; ?></p>
                                <p class="weui-media-box__desc p1"><?php echo $v['name']; ?></p>
                                <p class="weui-media-box__desc p1"><?php echo $v['xh']; ?> -- <?php echo $v['xhgg']; ?></p>
                                <p class="weui-media-box__desc p1" >
                                <div class="bd-left">
                                    <span style="font-size: 1.3em;color: #fe6c00;">￥0.15</span>&nbsp;&nbsp;
                                    <span style="font-size: 0.8em;color: #476787;">现货 100</span>
                                </div>
                                <div class="button-sp-area bd-right">
                                    <a href="javascript:;"  gid="<?php echo $v['goods_id']; ?>" class="weui-btn weui-btn_mini weui-btn_default bd"> + 比对 </a>
                                </div>
                                </p>
                            </div>
                        </div>
                    </div>
                    <?php endforeach; ?>
                </div>
            </section>
            <section>
                <h3 class="bt"><b>联系方式 : </b></h3>
                <p>
                    <span>地址：北京市大兴生物医药产业基地天贵街1号</span><br>
                    <span>邮编：102600</span><br>
                    <span>电话：010-52270500/89237777</span><br>
                    <span>传真：010-52270535/25</span><br>
                    <span>E-Mail：yldz@yldz.com.cn</span>
                </p>
            </section>
        </section>
    </article>
</div>
</body>
<script>
    var bd_list = '';  //初始化比对的产品id
    $('.bd').click(function(){
        var gid = $(this).attr('gid');
        if($(this).html() == ' + 比对 '){
            if(bd_list == ''){  //如果还没有比对ID
                $(this).html('已加入比对,点击取消');
                bd_list = gid;
            }else{
                bd_list = bd_list + ','+ gid;
                location.href = '__CONTROLLER__/juxtapose/gid/'+bd_list;
            }
        }else{
            bd_list =  '';
            $(this).html(' + 比对 ')
        }

    })
</script>
</html>